<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript - 测试 Prototype</title>
    <!-- 引用 Prototype -->
    <script src="https://cdn.staticfile.org/prototype/1.7.3/prototype.min.js"></script>
</head>

<body>
    <!-- Prototype 描述
Prototype 提供的函数可使 HTML DOM 编程更容易。

与 jQuery 类似，Prototype 也有自己的 $() 函数。

$() 函数接受 HTML DOM 元素的 id 值（或 DOM 元素），并会向 DOM 对象添加新的功能。

与 jQuery 不同，Prototype 没有用以取代 window.onload() 的 ready() 方法。相反，Prototype 会向浏览器及 HTML DOM 添加扩展。 -->

    <!-- 在 JavaScript 中，您可以分配一个函数以处理窗口加载事件： -->
    <script>
        function myFunction() {
            var obj = document.getElementById("h01");
            obj.innerHTML = "Hello Prototype";
        }
        onload = myFunction;
    </script>
    <!-- 等价的 Prototype 是不同的： -->
    <script>
        function myFunction() {
            $("h01").insert("Hello Prototype!");
        }
        Event.observe(window, "load", myFunction);
    </script>
    <!-- Event.observe() 接受三个参数：

您希望处理的 HTML DOM 或 BOM（浏览器对象模型）对象
您希望处理的事件
您希望调用的函数 -->

</body>

</html>